body {
    font-family: "SourceHanSansCN-Light";
}
 //头部开始
 .head {
     width: 100%;
     background-color: #F6F6F6;
     height: 100px;
     .row {
         font-size: 16px;
         margin-top: 25px;
         color: #333333;
         .font {
             width: 464px;
             height: 38px;
         }
     }
 } //content inner
 .bgi1 {
     a {
        background-image: url("../img/google-img/pic1/17.png");

     }
 }
 .bgi2 {
    a {
       background-image: url("../img/google-img/pic1/21.png");
       
    }
}
.bgi3 {
    a {
       background-image: url("../img/google-img/pic1/14.png");
       
    }
}
.bgi4 {
    a {
       background-image: url("../img/google-img/pic1/15.png");
       
    }
}
.bgi5 {
    a {
       background-image: url("../img/google-img/pic1/16.png");
       
    }
}
.bgi6 {
    a {
       background-image: url("../img/google-img/pic1/1.png");
       
    }
}
.bgi7 {
    a {
       background-image: url("../img/google-img/pic1/2.png");
       
    }
}
.bgi8 {
    a {
       background-image: url("../img/google-img/pic1/13.png");
       
    }
}
.bgi9 {
    a {
       background-image: url("../img/google-img/pic1/12.png");
       
    }
}
.bgi10 {
    a {
       background-image: url("../img/google-img/pic1/11.png");
       
    }
}
 .content {
     margin-top: 134px;
     margin-bottom: 70px;
     height: 100%;
     width: 100%;
    //  background-color: gray;
     .content-c {
         .icon {
             padding: 0;
             text-align: center;
             width: 200px;
             height: 324px;
            //  border: 1px solid black;
             a {
                 display: inline-block;
                
             }
             .font-box {
                 width: 100%;
                 height: 130px;
                 background-color: pink;
                 font-size: 14px;
                //  text-indent: 2em;
                 line-height: 20px;
                 color: white;
                 background-color: #0084ff;
                 padding-left: 15px;
                 padding-right: 15px;
                 display: none; // visibility: hidden;
                 text-align: left;
                 text-indent: 2em;
                 padding-top: 20px;
                
             }
         }
     }
 }

 .test {
     margin-top: 20px;
     div {
         font-size: 21px;
         color: #333333;
         margin-top: 18px;
         margin-bottom: 18px;
     }
 }

 //  中间内容部分 盒子hover事件
 .icon:hover {
     box-shadow: 0px 1px 40px -6px darkgrey;
     animation-play-state:paused;
     .font-box {
         //    visibility: none;
         display: block !important;
     }
     a {
         .imgGo {
          
             /* transition:transform 1s linear; */
            //  -webkit-animation: spin 1s linear 1s 5 alternate;
            //  animation: spin 1s linear infinite;
            transform:rotate(30deg) ;
            transition: 1s;
            transition: all 0.5s;

         }
     }
 }

 // 封装好的动画函数 让图片转
 // 封装好的动画函数
//  @-webkit-keyframes spin {
//      from {
//          -webkit-transform: rotate(0deg);
//      }
//      to {
//          -webkit-transform: rotate(30deg);
   
//      }
//  }

//  @keyframes spin {
//      from {
//          transform: rotate(0deg);
//      }
//      to {
//          transform: rotate(30deg);
        
//      }
//  }

 // footer 底部开始
 // .footer {
 //     width: 100%;;
 //     height: 172px;
 //     background-color: #282828;
 //     font-size: 10px;
 //     .row {
 //         text-align: center;
 //     }
 // }
 /* 底部 */

 .footer {
     margin-top: 60px;
     width: 100%;
     height: 172px;
     background-color: #282828;
     overflow: hidden;
     position: relative;
     .footer-c {
         margin-top: 80px;
         font-size: 16px;
         color: white;
         .wrods-1 {
             display: inline-block;
             
         }
     }
 }

 .words-1 {
     display: flex;
     justify-content: center;
     align-content: center;
     strong {
         margin-left: 15px;
         margin-right: 15px;
     }
 }

 .words-2 {
     // line-height: 25;
     margin-top: 20px;
     display: flex;
     justify-content: center;
     align-content: center;
     strong {
         margin-left: 15px;
         margin-right: 15px;
     }
 }

 // 边距类
 .pd-l {
     margin-left: 8px;
 }

 .mt-128 {
     margin-top: 128px;
 }

 /* bootstrap */

 .col-lg-1,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-md-1,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-sm-1,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-xs-1,
 .col-xs-10,
 .col-xs-11,
 .col-xs-12,
 .col-xs-2,
 .col-xs-3,
 .col-xs-4,
 .col-xs-5,
 .col-xs-6,
 .col-xs-7,
 .col-xs-8,
 .col-xs-9 {
     position: relative;
     min-height: 1px;
     padding-right: none !important;
     padding-left: none !important;
 }